*
	padding: 0
	margin: 0

.AllBox
	width: 100%

.ALL_top
	& > div
		display: flex
		font-weight: bold
		padding-top: 65px

.ALL_once
	margin-right: 25px
	color: #e5c532

.ALL_two
	margin-left: 25px
	color: #888888
	font-weight: normal

.TiXU
	width: 100%
	height: 300px
	margin-top: 50px

#wrap
	display: flex
	width: 100%
	height: 300px

.btn
	width: 80px
	height: 30px
	cursor: pointer
	display: flex
	margin-bottom: 20px
	border-right: 2px solid #858585
	margin-top: 10px
	margin-left: 5px
	font-size: 15px
	font-weight: bold
	height: 20px
	& > h3
		margin-left: .8rem

	&.active
		color: #ff6f01
		border-right: 5px solid #ff6f01
		border-radius: 0.1px
		margin-right: 80px
		line-height: 30px

#container
	background: #000
	width: 100%
	height: 100%
	img
		width: 100%
		height: 300px

	div
		display: none
		&.active
			display: block

.con_div
	width: 300px
	height: 100%
	background: green

.allImage
	width: 100%
	height: 180px
	margin-top: 107px

.AllBott
	width: 100%
	height: 500px
	background: url('../image/4.png') 100% 100%

.ullist
	width: 100%
	height: 50%
	margin-top: 37px
	display: flex
	justify-content: space-between

.list
	width: 19%
	height: 100%
	border: 1px solid black
	background: #fff
	position: relative
	& > img
		width: 100%
		height: 100%

	&:hover
		.imgdang
			opacity: .8
			transition: 0.3s

.imgdang
	position: absolute
	top: 0
	left: 0
	right: 0
	bottom: 0
	background: #748b22
	z-index: 2
	opacity: 0
	transition: 0.3s
	text-align: center
	color: #fff

.img_p
	display: inline-block
	width: 70%
	border-bottom: 1px solid #fff
	line-height: 40px
	margin-top: 35%
	transform: translateY(-50%)
	font-weight: bold
